/* jqm docs css

Beware: lots of last-minute CSS going on in here
cobblers, shoes,
*/
body {
	background: #dddddd;
}


textarea {
    resize: none;
}

.ui-select > div {
	overflow:visible !important;
}

span.error {
	-moz-box-shadow: 0px 0px 12px 		#fb0101  /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px 	#fb0101  /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px 			#fb0101  /*{global-active-background-color}*/;	
	display:inline-block;
	margin-left:10px;
}

.ui-select span.error {
	right:-30px !important;
}




.ui-mobile .type-home .ui-content {
	margin: 0;
	background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x;
}

.ui-mobile #jqm-homeheader {
	padding: 40px 10px 0;
	text-align: center;
	margin: 0 auto;
}

.ui-mobile #jqm-homeheader h1 {
	margin: 0 0;
}

.ui-mobile #jqm-homeheader p {
	margin: .3em 0 0;
	line-height: 1.3;
	font-size: .9em;
	font-weight: bold;
	color: #666;
}

.ui-mobile .jqm-themeswitcher {
	margin: 10px 25px 10px 10px;
}

h2 {
	margin: 1.2em 0 .4em 0;
}

p code {
	font-size: 1.2em;
	font-weight: bold;
}

dt {
	font-weight: bold;
	margin: 2em 0 .5em;
}

dt code,dd code {
	font-size: 1.3em;
	line-height: 150%;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#jqm-homeheader img {
	width: 235px;
}

img {
	max-width: 100%;
}

.ui-header .jqm-home {
	top: 0.65em;
}

nav {
	margin: 0;
}

p.intro {
	font-size: .96em;
	line-height: 1.3;
	border-top: 1px solid #75ae18;
	border-bottom: 0;
	background: none;
	margin: 1.5em 0;
	padding: 1.5em 15px 0;
}

p.intro strong {
	color: #558e08;
}

.footer-docs {
	padding: 5px 0;
}

.footer-docs p {
	float: left;
	margin-left: 15px;
	font-weight: normal;
	font-size: .9em;
}

.type-interior .content-secondary {
	border-right: 0;
	border-left: 0;
	margin: 10px -15px 8%;
	border-top: 1px solid #ccc;
}

.type-home .ui-content {
	margin-top: 5px;
}

.type-interior .ui-content {
	padding-bottom: 0;
}

.content-secondary .ui-collapsible {
	padding: 0 15px 10px;
}

.content-secondary .ui-collapsible-content {
	padding: 0;
	background: none;
	border-bottom: none;
}

.content-secondary .ui-listview {
	margin: 0;
}

.content-secondary {
	padding-top: 0 !important;
}

/* new API additions */
dt {
	margin: 35px 0 15px 0;
	background-color: #ddd;
	font-weight: normal;
}

dt code {
	display: inline-block;
	font-weight: bold;
	color: #56A00E;
	padding: 3px 7px;
	margin-right: 10px;
	background-color: #fff;
}

dd {
	margin-bottom: 10px;
}

dd .default {
	font-weight: bold;
}

dd pre {
	margin: 0 0 0 0;
}

dd code {
	font-weight: normal;
}

dd pre code {
	margin: 0;
	border: none;
	font-weight: normal;
	font-size: 100%;
	background-color: transparent;
}

dd h4 {
	margin: 15px 0 0 0;
}

.localnav {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.localnav li {
	float: left;
}

.localnav .ui-btn-inner {
	padding: .6em 10px;
	font-size: 80%;
}

/* F bar theme - just for the docs overview headers */
.ui-bar-f {
	border-top: 1px solid #56A00E;
	border-bottom: 1px solid #56A00E;
	background: #74b042;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042),
		to(#56A00E) ); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E);
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image: -o-linear-gradient(#74b042, #56A00E);
	/* Opera 11.10+ */
	background-image: linear-gradient(#74b042, #56A00E);
}

.ui-bar-f,.ui-bar-f .ui-link-inherit {
	color: #fff;
}

.ui-bar-f .ui-link {
	color: #fff;
	font-weight: bold;
}

.ui-btn-up-f {
	border: 1px solid #3B6F07;
	background: #56A00E;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042),
		to(#56A00E) ); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E);
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image: -o-linear-gradient(#74b042, #56A00E);
	/* Opera 11.10+ */
	background-image: linear-gradient(#74b042, #56A00E);
}

.ui-btn-up-f a.ui-link-inherit {
	color: #fff;
}

.ui-btn-hover-f {
	border: 1px solid #3B6F07;
	background: #6EBC1F;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963),
		to(#6EBC1F) ); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#8FC963, #6EBC1F);
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
	background-image: -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
	background-image: -o-linear-gradient(#8FC963, #6EBC1F);
	/* Opera 11.10+ */
	background-image: linear-gradient(#8FC963, #6EBC1F);
}

.ui-btn-hover-f a.ui-link-inherit {
	color: #fff;
}

.ui-btn-down-f {
	border: 1px solid #3B6F07;
	background: #3d3d3d;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E),
		to(#64A234) ); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#56A00E, #64A234);
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
	background-image: -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
	background-image: -o-linear-gradient(#56A00E, #64A234);
	/* Opera 11.10+ */
	background-image: linear-gradient(#56A00E, #64A234);
}

.ui-btn-down-f a.ui-link-inherit {
	color: #fff;
}

.ui-btn-up-f,.ui-btn-hover-f,.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

/* docs site layout */
@media all and (min-width: 850px) {
	.jqm-home {
		position: absolute;
		left: 10px;
		top: 0;
	}
	.type-home .ui-content {
		margin-top: 5px;
	}
	.ui-mobile #jqm-homeheader {
		max-width: 340px;
	}
	.ui-mobile .jqm-themeswitcher {
		float: right;
	}
	p.intro {
		margin: 2em 0;
	}
	.type-home .ui-content,.type-interior .ui-content {
		padding: 0;
		background: url(../images/px-ccc.gif) 50% 0 repeat-y;
	}
	.embedded .type-interior .ui-content {
		padding: 0;
		background: none;
	}
	.type-interior .ui-content {
		background-position: 45%;
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
	}
	.content-secondary,.type-interior .content-secondary {
		margin: 30px 0 20px 2%;
		padding: 20px 4% 0 0;
		background: none;
		border-top: none;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.content-secondary .ui-collapsible {
		margin: 0 8px;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content {
		border: none;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}
	.ui-mobile #jqm-homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.embedded .content-primary {
		width: 85%;
		float: none;
		margin-left: 1%;
		padding-left: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		padding: 1.5em 6% 3em 0;
		margin: 0;
	}
	.embedded .type-interior .content-primary {
		width: 85%;
		padding-left: 6%;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-contain {
		margin: 0;
	}
	.content-secondary .ui-collapsible-content { /* display: block; */
		margin: 15px;
		padding: 0;
	}
	.content-secondary h3 a.ui-corner-bottom {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
	.content-secondary h3 a.ui-corner-top {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.content-secondary h3 a.ui-corner-all,.content-secondary h3 a.ui-corner-bottom,.content-secondary h3 a.ui-corner-right,.content-secondary h3 a.ui-corner-br
		{
		border-bottom-right-radius: 0px !important;
	}
	.content-secondary h3 a.ui-corner-all,.content-secondary h3 a.ui-corner-bottom,.content-secondary h3 a.ui-corner-left,.content-secondary h3 a.ui-corner-bl
		{
		border-bottom-left-radius: 0px !important;
	}
	.content-secondary h3 a.ui-corner-all,.content-secondary h3 a.ui-corner-top,.content-secondary h3 a.ui-corner-right,.content-secondary h3 a.ui-corner-tr
		{
		border-top-right-radius: 0px !important;
	}
	.content-secondary h3 a.ui-corner-all,.content-secondary h3 a.ui-corner-top,.content-secondary h3 a.ui-corner-left,.content-secondary h3 a.ui-corner-tl
		{
		border-top-left-radius: 0px !important;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0 0 4% 0;
	}
}

@media all and (min-width: 950px) {
	.type-home .ui-content,.type-interior .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}
	.type-interior .ui-content {
		background-position: 34%;
	}
}

@media all and (min-width: 1400px) {
	.type-home .ui-content {
		background-position: 38.5%;
	}
	.type-interior .ui-content {
		background-position: 30%;
	}
	.content-secondary {
		width: 30%;
		padding-right: 6%;
		margin: 30px 0 20px 5%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0 0 4% 0;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
}

.nav-glyphish-example .ui-btn .ui-btn-inner {
	padding-top: 40px !important;
}

.nav-glyphish-example .ui-btn .ui-icon {
	width: 30px !important;
	height: 30px !important;
	margin-left: -15px !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

#chat .ui-icon {
	background: url(../images/icons/09-chat2.png) 50% 50% no-repeat;
	background-size: 24px 22px;
}

#email .ui-icon {
	background: url(../images/icons/18-envelope.png) 50% 50% no-repeat;
	background-size: 24px 16px;
}

#login .ui-icon {
	background: url(../images/icons/30-key.png) 50% 50% no-repeat;
	background-size: 12px 26px;
}

#beer .ui-icon {
	background: url(../images/icons/88-beermug.png) 50% 50% no-repeat;
	background-size: 22px 27px;
}

#coffee .ui-icon {
	background: url(../images/icons/100-coffee.png) 50% 50% no-repeat;
	background-size: 20px 24px;
}

#skull .ui-icon {
	background: url(../images/icons/21-skull.png) 50% 50% no-repeat;
	background-size: 22px 24px;
}

.ui-page {
	-webkit-backface-visibility: hidden;
	min-height: 100%;
}

.ui-content {
	min-height: 100%;
	padding: 15px 15px 45px;
}

.content-primary {
	min-height: 100%;
}

.content-secondary {
	min-height: 100%;
}

.ui-collapsible-content ul {
	position: relative;
	top: +5px;
}

.ui-collapsible-btn-right {
	position: absolute;
	right: -10px;
}

div.row-b {
	
}

.ui-autocomplete {
	position: absolute;
	background: #FFF;
	border: solid 1px #DDDDDD;
	float: left;
	list-style: none;
	margin: 0;
	padding: 2px;
}

.ui-autocomplete .ui-menu-item {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-autocomplete .ui-menu-item a {
	display: block;
	line-height: 1.5;
	padding: 0.2em 0.4em;
	text-decoration: none;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
}

*[data-role="suggest"] {
	display: none;
}

.ui-section {
	margin: .5em 0;
}

.ui-section-heading {
	font-size: 16px;
	display: block;
	padding: 10px 0px 0px 10px;
	margin: 0 -8px;
	position: relative;
	min-height: 30px;
}

.ui-section-heading .ui-btn-left,.ui-section-heading .ui-btn-right {
	position: absolute;
	top: 4px;
	right: 10px;
}

.ui-section-content {
	display: block;
	margin: 0 -8px;
	padding: 10px 10px 20px 10px;
	border-top: none;
	background-image: none;
	font-weight: normal;
}

.commentUl {
	list-style: none outside none;
	padding: 0 !important;
	border-bottom: thin solid #F0F0F0;
    border-left: thin solid #F0F0F0;
    border-right: thin solid #F0F0F0;
}

.commentLi {	
	padding-bottom: 10px;
}

.commentWrap {

}

.createWrap {
	background: none repeat scroll 0 0 #F0F0F0;
    font-size: small;
    font-style: italic;
    padding: 4px;
}

.commentCreator {
	float: left;
}

.commentCreated {
	padding-left: 60%;
}

.comment {
	padding-left: 15px;
}
#commentsid .row-b{
}
#newPost{
	width: 100%;
}

.paired-list {
    float:left;
    width:50%;
    min-width:375px;
}
.collapsible-limbo {
    margin: 10px 30px 10px 0px;
}

.SERVICE-REQUEST-PRIORITY-VERYHIGH,
.SERVICE-REQUEST-PRIORITY-HIGH,
.SERVICE-REQUEST-PRIORITY-NORMAL,
.SERVICE-REQUEST-PRIORITY-LOW,
.SERVICE-REQUEST-PRIORITY-VERYLOW {
	display: block;
	width: 80px;
	text-align: right;
	padding-right: 15px;
	float: left;
}

.SERVICE-REQUEST-PRIORITY-VERYHIGH,
.SERVICE-REQUEST-PRIORITY-HIGH {
	color: Crimson;
}

.SERVICE-REQUEST-PRIORITY-LOW,
.SERVICE-REQUEST-PRIORITY-VERYLOW {
	color: Silver;
}

.task-id { color: gainsboro; padding-right: 20px; }

.task-list-left {
	float: left;
}
.task-list-right {
	float: right;
	margin-right: 20px;
}

.ui-btn-hover-d span.ui-icon,.ui-btn-hover-c span.ui-icon{
	 background-color: rgba(247, 129, 42, 0.9) !important;
}

.ui-header, .ui-footer{
	background: linear-gradient(#F9A466, #F47920) repeat scroll 0 0 #FF974C !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F9A466 /*{global-active-background-start}*/), to( #F47920 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#F9A466 /*{global-active-background-start}*/, #F47920 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#F9A466 /*{global-active-background-start}*/, #F47920 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#F9A466 /*{global-active-background-start}*/, #F47920 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#F9A466 /*{global-active-background-start}*/, #F47920 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#F9A466 /*{global-active-background-start}*/, #F47920 /*{global-active-background-end}*/);
}

.embedded .ui-header, .embedded .ui-footer{
	background: linear-gradient(#EEE, #BEBEBE) repeat scroll 0 0 #BEBEBE !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #EEE /*{global-active-background-start}*/), to( #BEBEBE /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#EEE /*{global-active-background-start}*/, #BEBEBE /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#EEE /*{global-active-background-start}*/, #BEBEBE /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#EEE /*{global-active-background-start}*/, #BEBEBE /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#EEE /*{global-active-background-start}*/, #BEBEBE /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#EEE /*{global-active-background-start}*/, #BEBEBE /*{global-active-background-end}*/);
}

.ui-collapsible-heading span.ui-btn-text{
	 color: #F7812A;
}

.ui-header h1.ui-title{
	color:#FFFFFF;
	text-shadow: none;
}

.embedded .ui-header h1.ui-title {
	color:#474747;
	text-shadow: 1px 1px 2px white ;
}

.content-secondary .ui-collapsible-heading span.ui-btn-text{
	color:#333333;
	text-shadow: none;
}
#headerSaveBtn .ui-icon{
	background: url("../images/themis-btn-icons.png") no-repeat scroll 3px -25px transparent !important;
    border-radius: 0px 0px 0px 0px;
}
#headerSaveBtn.ui-btn-hover-d span.ui-icon,#headerSaveBtn.ui-btn-hover-c span.ui-icon{
	background: url("../images/themis-btn-icons.png") no-repeat scroll 3px -3px transparent !important;
	box-shadow: none;
}
#inboxBtn .ui-icon{
	background: url("../images/themis-btn-icons.png") no-repeat scroll -15px -24px transparent !important;
    border-radius: 0 0 0 0;
    height: 20px;
    width: 19px;
}
#inboxBtn.ui-btn-hover-d span.ui-icon,#inboxBtn.ui-btn-hover-c span.ui-icon{
	background: url("../images/themis-btn-icons.png") no-repeat scroll -15px -1px transparent !important;
	box-shadow: none;
}

a.ui-btn[data-role="button"]:hover {
    background: linear-gradient(#FEE29A, #FEC536) repeat scroll 0 0 transparent !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FEE29A /*{global-active-background-start}*/), to( #FEC536 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#FEE29A /*{global-active-background-start}*/, #FEC536 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#FEE29A /*{global-active-background-start}*/, #FEC536 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#FEE29A /*{global-active-background-start}*/, #FEC536 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#FEE29A /*{global-active-background-start}*/, #FEC536 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#FEE29A /*{global-active-background-start}*/, #FEC536 /*{global-active-background-end}*/);
	border: 1px solid #FDBA12;
}
.logo{
	background: url("../../../share/res/themes/default/images/app-logo.png") no-repeat scroll 0 transparent;
    height: 45px;
    margin-left: 5px;
}
h1.required span span.ui-btn-text:after, h2.required span span.ui-btn-text:after, h3.required span span.ui-btn-text:after, h4.required span span.ui-btn-text:after, h5.required span span.ui-btn-text:after{
	content: "*";
}

div[role="dialog"].ui-page div.required-legend{
	display: none !important;
}

div.hidden-required div.required-legend {
	display: none !important;
}

.required-legend {
	text-align:right;
	position:absolute;
	width:98%;
	font-style:italic;
	font-size:13px;
}

div[data-role="header"] h1, div[data-role="header"] h2, div[data-role="header"] h3, div[data-role="header"] h4, div[data-role="header"] h5{
	color:#FFFFFF; 
	text-shadow:none;
}

.xforms-footer {
	position:fixed !important;
	bottom:0px;
	left:0px;
	z-index:100;
}

.unified-list form.ui-listview-filter {
	background: inherit !important;
}
.unified-list-heading {
	padding-top: 0;
	margin-top: 0;
}
.unified-list-left {
	margin-right: 10px;
}
.unified-list-right {
}
.unified-list form {
	padding: 0 20px;
}
.unified-list ul {
	padding: 0 22px 40px 22px;
}
.unified-list li {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}
.unified-list-heading {
	font-weight: bold;
}
.no-clear .ui-input-clear {
    display: none !important;
}

@media all and (max-width: 600px) {
	.unified-list-left, .unified-list-right {
		width: 98% !important;
	}
	.unified-list-right {
		margin-top: 1em;
		padding-top: 10px;
		border-top: 1px solid gray;
	}
}
@media all and (min-width: 600px) {
	.unified-list-left, .unified-list-right {
		width: 48% !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {

	.ui-icon-arrow-ll, .ui-icon-arrow-rr, .ui-icon-comment {
		background-image: url(../images/icons-36-white-custom.png);
		-moz-background-size: 110px 18px;
		-o-background-size: 110px 18px;
		-webkit-background-size: 110px 18px;
		background-size: 110px 18px;
	}
}

.ui-icon-arrow-ll, .ui-icon-arrow-rr, .ui-icon-comment {
	background-image: url(../images/icons-18-white-custom.png);
}

.ui-icon-arrow-ll {
	background-position: 	-45px 50%;
}
.ui-icon-arrow-rr {
	background-position: 	-10px 50%;
}
.ui-icon-comment {
	background-position: 	-80px 50%;
}


div.xf-search-container input.xf-search {
	box-shadow: none !important;
}

#__delegateForm div[data-role=header] ,
#__delegateForm div[data-role=content] ,
#__delegateForm div[data-role=footer] {
	max-width: 560px;
}